<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div{
            /*宽度： 1. width(固定大小)    2. min-width+max-width=》给定范围*/
            width:800px;
            /*min-width:900px;
            max-width: 1800px;*/
            /*高度： 1. height(固定大小)    2. min-height+max-height=》给定范围*/
            /*min-height: 100px;
            max-height:300px;*/
            height:200px;
            background-color: skyblue;
        }
    </style>
</head>
<body>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut illo expedita necessitatibus perferendis blanditiis, autem sed nobis. Sequi voluptatum dolores, consequuntur tempore nulla autem aperiam! Error esse fugiat expedita dolor dolorem animi rerum libero praesentium voluptatem soluta distinctio perspiciatis magni, ullam odit reprehenderit. Qui adipisci tenetur, dolorem temporibus sed nam quis architecto dolorum aliquid optio quo magni repellendus culpa sint pariatur officiis ea similique impedit repellat laborum eaque? Possimus eos doloribus quae nihil rerum! Doloremque fugit sint et repudiandae voluptate harum nisi consequuntur minima quae, aspernatur porro. Iure voluptatibus, sequi tenetur sed quas explicabo quia non laudantium accusantium possimus quis.</div>
</body>
</html>